<template>
  <div class="head">
    <slot name="left"></slot>
    <div class="address">
      {{title}}
    </div>
    <slot name="right"></slot>
  </div>
</template>

<script>
export default {
  name: 'HeaderTop',
  props: {
    title: String
  }
}
</script>

<style lang="stylus" scoped>
  @import "~@/common/stylus/share.styl"
  .head
    width 100%
    display flex
    background #00A674
    box-sizing border-box
    padding 20px
    position fixed
    top 0
    left 0
    z-index 999
    .address
      flex 1
      color white
      font-size 35px
      ellipsis()
      line-height 50px
      text-align center
</style>
